<!DOCTYPE html>
<html>
<head>
	<title><%=title%></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../../lib/bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../../css/common.css">

	<link href="../../lib/mobiscroll/css/mobiscroll.custom-3.0.0-beta4.min.css" rel="stylesheet" type="text/css" />
	<link href="../../lib/suiMobile/dist/css/sm.css" rel="stylesheet" type="text/css" />

	<link rel="stylesheet" type="text/css" href="../../css/system/user.css">
</head>
<body>
<div ng-app="webapp" ng-controller="UserController">
	<div ng-include="'../../views/header.html'"></div>
	<input type="hidden" value="<%=menuId%>" id="menuId" />
	<div id="listWarpper" ng-show="eShow ? false : true">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
				    <div class="input-group">
				      <input type="text" class="form-control" placeholder="用户名/真实名/手机号" ng-model="searshUserName">
				      <span class="input-group-btn">
				        <button class="btn btn-default" type="button" ng-click="loadUser()">Go!</button>
				      </span>
				    </div><!-- /input-group -->
				</div><!-- /.col-xs-12 -->
			</div>
		</div>
		<ul class="userUl">
			<li ng-repeat="list in userList">
				<p class="awatar"><img ng-src="{{list.AVATAR}}" /></p>
				<div class="userNames">
					<p class='nickName'>{{list.USER_NAME}}</p>
					<p class='realName'>{{list.REAL_NAME}}</p>
					<i class="glyphicon glyphicon-menu-right arrowRight" ng-click="userDetail(list)"></i>
				</div>
			</li>
		</ul>
	</div>
	<user-edit ng-model="userModel" ng-opertype="opertype" ng-rolelist="roleList" ng-userrole="userRole" ng-operate="roleOperateType" ng-show="eShow ? true : false" ng-style="warpperStyle"></user-edit>
</div>

<div class="container">
	<!-- Modal 删除提示 -->
	<div class="modal fade bs-example-modal-sm" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog modal-sm-samll" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">&nbsp;</h4>
	      </div>
	      <div class="modal-body">
	        您确定要删除此用户吗？
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	        <button type="button" class="btn btn-primary" id="sureDel">确定</button>
	      </div>
	    </div>
	  </div>
	</div>
</div>
<script type="text/javascript" src="../../lib/angular/angular.js"></script>
<script type="text/javascript" src="../../lib/jquery/dist/jquery.min.js"></script>

<!--手机日期-->
<script src="../../lib/mobiscroll/js/mobiscroll.custom-3.0.0-beta4.min.js" type="text/javascript"></script>
<!-- sui-Mobile -->
<script type="text/javascript" src="../../lib/suiMobile/dist/js/sm.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../../lib/suiMobile/dist/js/sm-city-picker.min.js" charset="utf-8"></script>

<script type="text/javascript" src="../../lib/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="../../webapp.js"></script>
<script type="text/javascript" src="../../services/user.client.service.js"></script>
<script type="text/javascript" src="../../controllers/user.client.controller.js"></script>
</body>
</html>